/*
* vuex的核心管理对象模块
* state: 状态对象
* actions: 包含多个对应事件回调函数的对象
* mutations: 包含多个更新state函数的对象
* getters 包含多个getter计算属性函数的对象
* */

//引入Vue、Vuex模块
import Vuex  from "vuex";
import Vue from "vue";

//引入state.js、mutations.js、actions.js、getters.js模块
import state from './state'
import actions from './actions'
import mutations from './mutations'
import getters from './getters'


//确保开头调用了Vue.use(Vuex)
Vue.use(Vuex);

/*
* vuex管理状态使用步骤：
* 1.安装vuex：npm install vuex
* 2.创建store目录，并在store中分别创建store.js、state.js、actions.js、mutations.js、getters.js、mutations-type.js文件
* 3.引入Vue Vuex模块，并声明Vuex
* 4.在new Vuex.Store({})中定义state、actions、mutations、getters
* 5.在main.js中注册store
* */
export default new Vuex.Store({
  state, //状态对象
  actions,//包含多个对应事件回调函数的对象
  mutations,//包含多个更新state函数的对象
  getters  //包含多个getter计算属性函数的对象
})
